Motivation

• Replace the placeholder home page with a real campus-focused food-browsing experience and cart flow.
• Provide structured seed data for campus canteens so the UI can render menus without a backend.
• Improve core UX by adding live cart counting, itemized cart, and basic order placement action to support further integration.

Description

• Added cart state and routing wiring in client-side/src/App.jsx, including addToCart, clearCart, and cartCount propagation to the header and routes.
• Implemented a browsing UI in client-side/src/components/Body.jsx with search, a veg-only filter, canteen cards, and per-item Add buttons that call addToCart.
• Updated client-side/src/components/Header.jsx to show branding and a live Cart ({cartCount}) indicator, and implemented client-side/src/components/Cart.jsx to display itemized lines, grand total, and a Place order action that clears the cart.
• Refreshed client-side/src/components/About.jsx and client-side/src/components/Contact.jsx to match the CampusCrave concept and added seed data in client-side/src/utils/campusData.js used by the home page.

Testing

• Built the frontend with npm --prefix client-side run build, which completed successfully.
• Started the dev server (vite) and accessed the app at http://127.0.0.1:4173/, and the server reported readiness.
• Ran an automated Playwright script to navigate to the home page and capture a screenshot, which completed and produced an artifact successfully.

Codex Task